<template>
  <div class="container">
    <ul>
      <li v-for="">

      </li>

    </ul>
  </div>
</template>

<script>
    export default {
      data(){

      }
    }
</script>

<style scoped>
  * {
    padding: 0;
    margin: 0;
  }

  ul {
    list-style: none;
  }
  .container {
    width: 800px;
    margin: 50px auto;
  }
  .container li {
    float: left;
    width: 170px;
    margin: 15px 10px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  }

  .container li img {
    width: 170;
    height: 120px;
    border-radius: 5px;
    vertical-align: bottom;
  }
</style>
